var cpuDom = document.getElementById('cpuStatistics');
var cpuChart = echarts.init(cpuDom);
var cpuOption = {
    title: {
        text: '服务器CPU使用率',
        subtext: '当前服务器CPU的状况',
        left: 'center',
        bottom: 0
    },
    color: ['#ee6666', '#fac858', '#1890ff'],
    tooltip: {
        trigger: 'item',
        formatter: '{b} : {c}%'
    },
    legend: {
        data: ['用户使用率', '系统使用率', '系统空闲率']
    },
    series: [
        {
            name: '当前使用率',
            type: 'pie',
            radius: '66%',
            data: [
                {value: userUsed, name: '用户使用率'},
                {value: systemUsed, name: '系统使用率'},
                {value: freeUsed, name: '系统空闲率'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
cpuChart.setOption(cpuOption);

var ramDom = document.getElementById('ramStatistics');
var ramChart = echarts.init(ramDom);
var ramOption = {
    title: {
        text: '服务器内存情况',
        subtext: '当前服务器内存使用情况',
        left: 'center',
        bottom: 0
    },
    color: ['#ee6666', '#fac858', '#1890ff'],
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c}MB ({d}%)'
    },
    legend: {
        data: ['系统已用内存', '系统剩余内存', 'JVM已用内存', 'JVM剩余内存']
    },
    series: [
        {
            name: '系统内存使用',
            type: 'pie',
            selectedMode: 'single',
            radius: [0, '45%'],
            data: [
                {value: memUsed, name: '系统已用内存'},
                {value: memFree, name: '系统剩余内存'}
            ],
            tooltip:{
                formatter: '{a} <br/>{b}: {c}GB ({d}%)'
            }
        },
        {
            name: 'JVM内存使用',
            type: 'pie',
            radius: ['55%', '66%'],
            data: [
                {value: jvmUsed, name: 'JVM已用内存'},
                {value: jvmFree, name: 'JVM剩余内存'}
            ]
        }
    ]
};
ramOption && ramChart.setOption(ramOption);
